<template>
    <!-- 技术支持 -->
    <div class="holder">
        <!-- 技术名称 -->
        <div class="holder_name">
            {{data.title}}
        </div>
        <!-- 内容 -->
        <div class="holder_list">
            <li v-for="(item,key) in data.list" :key="key">
                {{item}}
            </li>
        </div>
    </div>
</template>
<script>
export default {
    props:['data'], 
};
</script>
<style scoped>
.holder{
    display: flex;
    background: white;
    height: 100%;
    padding: 1em;
}
.holder_name{
    flex: 1;
    text-align: right;
    font-size: 2em;
    font-weight: bold;
    text-decoration-line: underline;
}
.holder_list{
    flex: 5;
    list-style-type: auto;
    margin-left: 2em;
    line-height: 1.6em;
}
</style>